<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>	
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
		
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#" class="singout">Sing Out</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
			
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12">
					<ul class="main-nav">
						<li><a href="#">PAYMENT DASHBOARD</a></li>
						<li><a href="#">ADD NEW TITLE</a></li>
						<li><a href="#">CONTENT</a></li>
						<li><a href="#">COVER</a></li>
						<li><a href="#">MY ACCOUNT</a></li>
						<li><a href="#">METADATA</a></li>
						<li><a href="#">PAYMENT METOD</a></li>
					</ul>
				</div>
			</div>
			
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
			
			<!-- prva sekcija -->
			<section class="section add-new-title-section">
				
				<h2>ADD NEW TITLE</h2>
				
				<form id="add-new-title-form">
					<div class="row">
						
						<div class="col-lg-6 col-md-6 col-sm-6">
							
							<label>Title of your book</label>
							<input type="text">
							
							<label>Short description of your book</label>
							<textarea rows="6"></textarea>
							<p class="word-limit">*100 word limit</p>
							
							<label>Long description of your book</label>
							<textarea rows="5"></textarea>
							<p class="word-limit">*400 word limit</p>
							
							<label>The language of your book</label>
							<select>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
							</select>
							
							<label>Upload your menuscript</label>
							<input class="blue input-file" data-file="#file1" data-input="#file-text1" type="button" value="Choose File">
							<input id="file1" type="file"><br>
							<label id="file-text1" class="wide-label">Choose file</label>
							
							<div class="inline-inputs">
								<div>
									<input id="file-text2" type="text">
								</div>
								<div class="button-wrap">
									<input class="input-file" data-file="#file2" data-input="#file-text2" type="button" value="Browse">
								</div>
							</div>
							<input id="file2" type="file"><br>
							
							<input class="blue" type="button" value="Upload">
							
							<p>We strongly recommend that you upload a Microsoft Word file (.doc and .docx). If you are not able to do so, please choose one of the formats listed below:</p>
							
							<p>RTF<br>
							TXT<br>
							HTML<br>
							PDF</p>
							
							<p>If you need any further information regarding conversion take a look here.</p>
							
						</div>
						
						<div class="col-lg-6 col-md-6 col-sm-6">
							
							<label>Does your book contain adoult content</label><br>
							<input name="radio-group-1" id="radio-btn-1" type="radio"><label for="radio-btn-1">Yes</label><br>
							<input name="radio-group-1" id="radio-btn-2" type="radio"><label for="radio-btn-2">No</label><br>
							
							<br>
							<label>Asign an ISBN to your book ( it cost $15)</label>
							
							<input name="radio-group-2" id="radio-btn-3" type="radio"><label for="radio-btn-3">( This registers BookishFellow as your publisher )</label><br>
							<input name="radio-group-2" id="radio-btn-4" type="radio"><label for="radio-btn-4">( Enter ISBN)</label>
							
							<br>
							<input type="text">
							
							<label>Book Price</label>
							<div class="input-iconic">
								<div class="icon">
									<img src="img/dollar-icon.png" alt="">
								</div>
								<input type="text">
							</div>
							
							<label>Select a category and subcategory for your eBook:</label>
							<select class="arrow-on-left">
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
								<option>English</option>
							</select>
							
							<br>
							
							<label>Enter a couple of keywords to help readers to discover your eBook</label>
							<div class="tags">
								<div class="tag">interesting<div class="close-btn"></div></div>
							</div>
							
						</div>
						
					</div>
					
					<div class="align-center">
						<div class="divider"></div>
						<p>Click to Submit</p>
						<input type="submit" value="Submit">
					</div>
					
				</form>
				
			</section>
			<!-- /prva sekcija -->
       		
			
            <!-- druga sekcija -->
            <section class="section">
              	<img class="chat" src="img/chat.png" alt="xxx">
			</section>
			
			<section class="section">
                <a class="button big margin-top-3x margin-bottom" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \druga sekcija -->
			
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
	   
    </div>
	<!-- /container -->
	
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.js"></script>
<script src="js/script.js"></script>
</body>

</html>